﻿<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title>jQuery+CSS3多张图片选择动画</title>

    <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

</head>

<body>

  <div class="clearfix">
  <button class="select">&nbsp;</button>
  <h1>select your photo</h1>
  <button class="send " data-counter="0">&#10004;</button>
</div>
<ul>
  <li><img src="images/11287113923_57d37ed9d3_q.jpg" /></li>
  <li><img src="images/8095683964_9e27753908_q.jpg" /></li>
  <li><img src="images/8018956825_67bf62c098_q.jpg" /></li>
  <li><img src="images/7587724752_cdb9f0c444_q.jpg" /></li>
  <li><img src="images/7587738254_707a32f27b_q.jpg" /></li>
  <li><img src="images/8095680852_893f685cbd_q.jpg" /></li>
  <li><img src="images/8018953043_c6ef9e3b29_q.jpg" /></li>
  <li><img src="images/7445019824_914dea4ac3_q.jpg" /></li>
</ul>

  <script src='js/jquery.js'></script>

  <script src="js/index.js"></script>

<div style="text-align:center;clear:both">
<p>来源：<a href="http://www.jb51.net/jiaoben/" target="_blank">jquery教程</a></p></div>
</body>

</html>